my_gray = #343131

.wy-nav-content
    max-width: 950px !important

.table
    width: 100%
    margin-top: 10px
    display: flex
    flex-direction: column

.tableheader
    display: flex
    flex-direction: row
    font-weight: bold
    justify-content: space-between
    align-items: flex-start
    align-content: flex-start

.tablerow
    display: flex
    flex-direction: row
    justify-content: space-between
    align-items: flex-start
    align-content: flex-start
    height: 170px
    margin-bottom: 10px

#resultimg
    object-fit: contain
    width: 170px
    height: 170px

.tablerow > p, .tableheader > p
    flex-grow: 1;
    flex-basis: 0;

.tablerow > img
    flex-grow: 1;
    flex-basis: 0;

.wy-side-nav-search
    background-color: #fff;

.wy-side-nav-search>div.version
    color: #666

.wy-side-nav-search>a
    padding: 0px

img.logo
    padding: 0px

.wy-side-nav-search>a img.logo
    width:300px

.wy-nav-top
    background: my_gray

.figure > a > img
    object-fit: contain

/* override table width restrictions */
@media screen and (min-width: 767px) {

   .wy-table-responsive table td {
      /* !important prevents the common CSS stylesheets from overriding
         this as on RTD they are loaded after this stylesheet */
      white-space: normal !important;
   }

   .wy-table-responsive {
      overflow: visible !important;
   }
}
